.storeBill {
	.alert-mask{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(0,0,0,.2);
		z-index: 9999;
		.order-detail{
			width: 80%;
			max-height:40%;
			overflow: hidden;
			overflow-y: scroll;
			background: #fff;
			border-radius: 5px;
			position: absolute;
			top: 30%;
			left: 50%;
			transform: translate(-50%,-50%);
			.tit{
				text-align: center;
			}
			.head{
				span{
					display: inline-block;
					width: 32%;
					text-align:center;
				}
			}
			.list{
				li{
					width: 100%;
					padding: .1rem 0;
					span{
						display: inline-block;
						width: 32%;
						text-align: center;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						padding:.1rem;
					}
				}
			}
		}
	}
	
	.page-content {
		.time-filter{
			width: 100%;
			// height: 3rem;
			font-size: 14px;
			margin-bottom: .2rem;
			box-shadow: 0 0 5px rgba(0, 0, 0, .2);
			.time-filter-sty{
				height: 1rem;
				line-height: 1rem;
				background: #ffffff;
				display: inline-block;
				padding: 0 .35rem;
				width: 100%;
				border-bottom: 1px solid #ddd;
				position: relative;
				.time{
					display: inline-block;
					width: 90%;
					float: left;
				}
				.sec{
					display: inline-block;
					width: 10%;
				}
				
			}
		}
		.search{
			padding: .2rem 0;
			text-align: center;
			button{
				width:80%;
				height: .6rem;
				border: none;
				border-radius: 5px;
				background: rgb(60, 214, 13);
				color: #fff;
			}
		}
		.change-type{
			display: inline-block;
			color: #4a90e2;
			cursor: pointer;
			text-decoration: underline;
			padding-bottom: .2rem;
			padding-left: .2rem;
		}
		.bill-amount{
			width: 100%;
			box-shadow: 0 0 5px rgba(0, 0, 0, .2);
			font-size: .2rem;
			background: #fff;
			padding: .2rem .1rem;
			padding-bottom: .1rem;
			ul{
				li{
					display: inline-block;
					text-align: center;
					width: 50%;
					padding: .2rem 0;
					position: relative;
					.channel-color{
						display: inline-block;
						width: 20px;
						height: 20px;
						border-radius: 3px;
						position: absolute;
						left: 15%;
						top: 0;
						vertical-align: middle;
					}
					.amount-count{
						height: 20px;
						vertical-align: middle;
						position: absolute;
						left: 30%;
						top: 0;
					}
				}
			}
			
		}
		.page-scroll{
			position: relative;
			width: 100%;
			height: 100%;
			.listTitle {
				height: 50px;
				line-height: 50px;
				color: #4a90e2;
				background-color: #fff;
				position: relative;
				z-index: 1;
				box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2);
				text-align: center;
			}
			.billList {
				width: 100%;
				// top: 236px;
				top: 54px;
				text-align: center;
				.billItem {
					padding: 15px 0;
					div {
						// line-height: 28px;
						white-space:normal;
						word-break:break-all;
						word-wrap:break-word; 
						// overflow: hidden;
						// text-overflow: ellipsis;
						// white-space: nowrap;
					}
				}
				&.for-day{
					top: 190px;
				}
			}
		}
		
		
	}
	
	
}